@charset 'UTF-8';
/*
 * jQuery File Upload UI Plugin CSS 6.3
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
*/

.fileinput-button {
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 4px;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    border-width: 0 0 100px 200px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translate(-300px, 0) scale(4);
    direction: ltr;
    cursor: pointer;
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}
.files .progress {
    width: 200px;
}
.progress-animated .bar {
    background: url(../img/progressbar.gif) !important;
    filter: none;
}
.fileupload-loading {
    position: absolute;
    left: 50%;
    width: 128px;
    height: 128px;
    background: url(../img/loading.gif) center no-repeat;
    display: none;
}
.fileupload-processing .fileupload-loading {
    display: block;
}

/* Fix for IE 6: */
*html .fileinput-button {
    line-height: 22px;
    margin: 1px -3px 0 0;
}

/* Fix for IE 7: */
*+html .fileinput-button {
    margin: 1px 0 0 0;
}

@media (max-width: 480px) {
    .files .btn span {
        display: none;
    }
    .files .preview * {
        width: 40px;
    }
    .files .name * {
        width: 80px;
        display: inline-block;
        word-wrap: break-word;
    }
    .files .progress {
        width: 20px;
    }
    .files .delete {
        width: 60px;
    }
}
/*
 * SimpleModal OSX Style Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: osx.css 254 2010-07-23 05:14:44Z emartin24 $
*/

#osx-modal-content, #osx-modal-data {
    display:none;
}
/* Overlay */
#osx-overlay {
    background-color:#000;
    cursor:wait;
}
div.simplemodal-wrap {
    overflow: hidden !important;
}
/* Container */
#osx-container {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    padding: 10px;
    width: 900px !important;
    background-color:white;
    color:#000; font: 15px/24px "Lucida Grande",Arial,sans-serif;
    padding-bottom:4px; width:600px;
    -moz-border-radius-bottomleft:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomright:6px;
    -webkit-border-bottom-right-radius:6px;
    border-radius:0 0 6px 6px;
    -moz-box-shadow:0 0 64px #000;
    -webkit-box-shadow:0 0 64px #000;
    box-shadow:0 0 64px #000;
}
#osx-container a {
    color:#ddd;
}
#osx-container #osx-modal-title {
    color:#000;
    background-color:#ddd;
    border-bottom:1px solid #ccc;
    font-weight:bold;
    padding:6px 8px;
    text-shadow:0 1px 0 #f4f4f4;
}
#osx-container .close {
    display:none;
    position:absolute;
    right:0;
    top:0;
}
#osx-container .close a {
    display:block;
    color:#777;
    font-weight:bold;
    padding:6px 12px 0;
    text-decoration:none;
    text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {
    color:#000;
}
#osx-modal-content table.table {
    width: 620px;
    float: right;
    margin-top: 10px;
    margin-right: 3px;
}
.files td.preview {
    width:82px;
}
.files td.cancel {
    width:37px;
}
#upload-list {
    overflow-y:scroll;
    height: 436px;
    width: 645px;
    float: right;
    border-left: 1px solid #EEE;
    margin-top: 22px;
    background: url('../images/placeholder-add.png') no-repeat center center;
}
.fileupload-buttonbar {
    width: 221px;
    float: left;
    padding: 10px;
    background: white;
}
#fileupload .table th, #fileupload .table td {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #DDD;
}
.fileupload-buttonbar textarea, .fileupload-buttonbar input[type="text"] {
    width: 210px;
    padding: 4px;
}
.fade.in {
    opacity: 1;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -ms-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
#fileupload canvas {
    display: inline-block;
}
.progress {
    height: 12px;
    margin-bottom: 18px;
    overflow: hidden;
    background-color: #F7F7F7;
    background-image: -moz-linear-gradient(top, whiteSmoke, #F9F9F9);
    background-image: -ms-linear-gradient(top, whiteSmoke, #F9F9F9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whiteSmoke), to(#F9F9F9));
    background-image: -webkit-linear-gradient(top, whiteSmoke, #F9F9F9);
    background-image: -o-linear-gradient(top, whiteSmoke, #F9F9F9);
    background-image: linear-gradient(top, whiteSmoke, #F9F9F9);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-success.progress-striped .bar {
    background-color: #62C462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.progress-success .bar {
    background-color: #5EB95E;
    background-image: -moz-linear-gradient(top, #62C462, #57A957);
    background-image: -ms-linear-gradient(top, #62C462, #57A957);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#57A957));
    background-image: -webkit-linear-gradient(top, #62C462, #57A957);
    background-image: -o-linear-gradient(top, #62C462, #57A957);
    background-image: linear-gradient(top, #62C462, #57A957);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
}
.progress-striped .bar {
    background-color: #149BDF;
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}
.progress .bar {
    width: 0;
    height: 12px;
    font-size: 12px;
    color: white;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0E90D2;
    background-image: -moz-linear-gradient(top, #149BDF, #0480BE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149BDF), to(#0480BE));
    background-image: -webkit-linear-gradient(top, #149BDF, #0480BE);
    background-image: -o-linear-gradient(top, #149BDF, #0480BE);
    background-image: linear-gradient(top, #149BDF, #0480BE);
    background-image: -ms-linear-gradient(top, #149BDF, #0480BE);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -ms-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

#album_title {
    font-size: 18px;
    margin-top: 10px
}